{% extends 'index.twig' %}

{% block content %}

		<!-- Search Wrapper -->
			<div id="search-wrapper">
				
				<!-- Search -->
					<div class="container" id="search">
						<span>{{ pageTitle }}</span>
						<div class="row">
							<div class="-8u 4u">
								<div class="side-padded">
									<form method="post" action="#">
										<div>
											<input type="text" class="text" name="search" placeholder="Search our site" />
											<input type="submit" value="Search" class="button" />
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					
			</div>
				
		<!-- Main -->
			<div id="main-wrapper">
				<div class="container">
					<div class="row">
						<div class="8u important(collapse)">
							
							<!-- Content -->
								<div id="content">
								
									<!-- Article -->
										<article class="featured">
											<header>
												<h2>{{ page.labels|langdata(lang)|raw }}</h2>
												<span class="byline">{{ page.sublabels|langdata(lang)|raw }}</span>
											</header>
											
											{% set myNews = newsData['_data'][0] %}
											{% for itm in newsData['_data'] %}
												{% if itm.id == id %}
													{% set myNews = itm %}
												{% endif %}
											{% endfor %}
											<h3>{{ myNews.labels|langdata(lang)|raw }}</h3>
											<p>
												<img src="{{ myNews.image|imgsrc|replace({ '950' : '950' }) }}" style="width: 100%;" />
											</p>
											<div>&nbsp;</div>
											{{ myNews.content|langdata2(lang)|raw }}
										</article>
								

								
								</div>

						</div>
						<div class="4u">
							<div class="right-sidebar">

								<!-- Sidebar -->
									<div id="sidebar">
									
										<!-- Section 2 -->
											<section>
												<header>
													<h2>{{ page.sublabels|langdata(lang)|raw }}</h2>
												</header>
												<ul class="style1 posts">
													{% for itm in newsData['_data'] %}
													<li>
														<a href="/{{ lang }}/{{ page.urlFragment }}/?id={{ itm.id }}" class="image align-left"><img src="{{ itm.image|imgsrc|replace({ '950' : '150' }) }}" alt="" /></a>
														<h3>{{ itm.labels|langdata(lang)|raw }}</h3>
														<p>{{ itm.description|langdata(lang)|raw }}</p>
														<span class="date"></span>
													</li>
													{% endfor %}
													
												</ul>
												<a href="/{{ lang }}/" class="button">{{ backToHomepage }}</a>
											</section>



									
									</div>
							
							</div>
						</div>
					</div>
				</div>
			</div>

{% endblock %}
